﻿<div class="container form-horizontal">
    <div class="Mask" ng-show="loader.loading"></div>     
    <update-meta property="og:title" content="Penang Realty世界地產 List Your Properties With Us" />
    <div class="col-sm-12">
        <accordion close-others="true">
            <accordion-group is-open="isopen">
                <accordion-heading>
                    Property Details
                    <i class="pull-right glyphicon"
                       ng-class="{'glyphicon-chevron-down': isopen, 'glyphicon-chevron-right': !isopen}"></i>
                </accordion-heading>
                <div><iframe id="propertyFrame" ng-src="{{propertyUrl}}" frameborder="0" height="900px" width="100%" sandbox="allow-forms allow-scripts"></iframe></div>
            </accordion-group>
        </accordion>
    </div>


    <div class="col-sm-12">
        <accordion close-others="true">
            <accordion-group is-open="isopen">
                <accordion-heading>
                    Image Upload
                    <i class="pull-right glyphicon"
                       ng-class="{'glyphicon-chevron-down': isopen, 'glyphicon-chevron-right': !isopen}"></i>
                </accordion-heading>
                <div>
                    <div class="form-group col-sm-12" ng-show="property.PropertyId">
                        <label for="inputImage">Uploaded image </label>
                        <div ng-if="!uploadedImages ||uploadedImages.length == 0"> No Images Uploaded</div>
                        <div ng-repeat="image in uploadedImages">
                            <a href="{{image.uploadedImgSrc}}" class="thumbnail" target="">
                                <img ng-src="{{image.uploadedImgSrc}}" width="250" height="300" />
                               
                            </a>
                            <input type="button"  ng-click="deleteImage(image)" class="btn btn-primary" value="Delete" style="margin-bottom: 15px;" /> 
                        </div>

                    </div>

                    <div class="form-group col-sm-12" ng-show="property.PropertyId">
                        <form name="form.uploadPhoto">
                            <label for="inputImage">Upload Image</label>
                            <input id="inputImage" type="file" accept="image/*" image="data.image" class="form-control"
                                   />
                            `
                            <img ng-show="data.image" ng-src="{{data.image.url}}" type="{{data.image.file.type}}" width="100" height="100" />
                            <button type="submit" ng-click="single(data.image)" class="btn btn-primary" ng-disabled="!data.image.url">Add</button>
                            <button type="submit" ng-click="clear(data.image)"  class="btn btn-primary" ng-disabled="!data.image.url">Clear</button>
                        </form>
                    </div>

                </div>
            </accordion-group>
        </accordion>
    </div>

   

</div>



